<template>
    <div class="box1">
        <span class="titles">{{ describe.title }} : </span>
        <span class="titless" v-for="item in describe.dataarr" :key="item" @click="() => onclicktype(item)">{{ item }}</span>
    </div>
</template>

<script>
export default {
    props: ["describe", "fun"],
    data() {
        return {
            // dataarr:['库表','文件']
        }
    },

    methods: {
        onclicktype(val) {
            console.log(val);
            this.$emit('fun',val)
        },

    }
}
</script>

<style lang="less" scoped>
.box1 {
    height: 40px;
    line-height: 40px;
}

/deep/ .titles {
    font-size: 14px;
    font-weight: 900;
    padding-right: 10px;
}

/deep/ .titless {
    font-size: 14px;
    margin-right: 20px;
}

// .titless{
//     font-weight: 500;
// }
</style>